{template "content","header"}
<link href="{CSS_PATH}hs/list_about_us.css" rel="stylesheet" type="text/css" />
        <div id="main">
            <!--由于这个很少更新,所以缓存时间为一天-->
            {pc:content  action="lists" catid="$catid" order="id ASC" cache=86400 num="25"}
            <div class="main">
                <!--重组数组,让其键名从0开始顺序排列-->
                {loop $data $v}<?php $lists[] = $v; ?>{/loop}
                {loop $lists $k $v}
                    <div id="item{$k}" class="item">
                    <!--让奇偶行错位排列-->
                    {if $k%2 == 0}
                        <div class="img col-left">
                            <img src="{$v[thumb]}" alt="" title="{$v[title]}"/>
                        </div>
                        <div class="contents col-right">
                            <!--<i class="icon block"></i>-->
                            {pc:get sql="select * from v9_news_data where id=$v[id]" return="newdata" /}
                                <div class="content">{$newdata[0][content]}</div>
                            {/pc}
                        </div>
                    {else}
                        <div class="contents col-left">
                            <!--<i class="icon block"></i>-->
                            {pc:get sql="select * from v9_news_data where id=$v[id]" return="newdata" /}
                            <div class="content">{$newdata[0][content]}</div>
                            {/pc}
                        </div>
                        <div class="img col-right">
                            <img src="{$v[thumb]}" alt="" title="{$v[title]}"/>
                        </div>
                    {/if}
                    </div>
                {/loop}
                <!--最下方注释部分-->
                <div id="notes">
                    <div class="col-left">
                        <p class="note"><span class="title">①全国现代金融控股有限公司：</span><span class="content">是经国务院批准设立的国有控股的股份制企业，9大央企注资，注册资本金10亿元人民币。主营业务：金融机构股权投资、第三方支付、资产管理、投资银行、金融外包、金融顾问、金融研究，拥有多门类全金融企业牌照。</span></p>
                        <p class="note"><span class="title">②平安信托有限责任公司：</span><span class="content">平安信托有限责任公司是中国平安保险（集团）股份有限公司投资控股的独立法人机构，注册资本达69.88亿元，是目前国内注册资本最大的信托公司，被银监会评定为首批A类信托公司，拥有专业化的国际管理团队。平安信托主要从事非传统投资（包括物业投资、基建投资、私人股权投资）、资产管理（为个人客户、机构客户提供信托理财产品与服务）等业务。</span></p>
                        <p class="note"><span class="title">③泓申合伙人制度：</span><span class="content">泓申资本合伙创业制度，以吸引行业内英才、精英，加盟泓申共襄盛举。泓申资本为每一位合伙人提供广阔的创业成长平台。每位合伙人就是每个合伙分部的总经理，也就是每个区域的负责人。每个合伙分部独立运作，独立财务，独立人事，泓申资本先期占50%以上股份绝对控股，但随着各分部自身业绩增长，泓申资本慢慢稀释所占股份，培养各分部成长。<br/>“让每一位合伙人能够主动掌握自己命运，让每一位合伙人能够与泓申共信任、共分担、共成长，做大自己事业的同时也做大泓申资本的事业。”</span></p>
                    </div>
                    <div class="col-right">
                        <p class="note"><span class="title">④陆金所：</span><span class="content">全名为上海陆家嘴国际金融资产交易市场股份有限公司，是中国平安保险（集团）股份有限公司旗下成员，在上海市政府的支持下成立于2011年9月，注册资金8.37亿元人民币。陆金所结合金融全球化发展与信息技术创新手段，以健全的风险管控体系为基础。其经营团队由金融管理和电子商务等业界一流的国际专业人士组成。业务范围涵盖：金融创新产品的咨询、开发、设计、交易等服务；金融类应用软件开发、电子商务；金融市场调研及数据分析；拥有中国领先并具有重要国际影响力的网络投融资平台和金融资产交易服务平台。</span></p>
                        <p class="note"><span class="title">⑤CONNOISSEUR GROUP：</span><span class="content">鉴赏家集团成立于2010年，把来自世界各地的高端定制奢侈品牌收购，并集合成为一家精品集团。同时利用广泛的各奢侈品领域专业知识和品牌经验，网络全球顶尖奢侈品管理人才，立足于中国高端奢侈品市场战略需求，把全球顶尖高端定制精品带入中国，服务中国最高端精英人群。
旗下拥有：ACC极品雪茄品牌、TESORI高端定制品牌、Black Pearl奢贵鱼子酱品牌、Amika顶级沉香品牌，等8大国际定制精品品牌。</span></p>
                    </div>
                </div>
            </div>
                <div class="scrollspy">
                <ul class="years nav">
                {loop $lists $k $v}
                    <li {if $k==0}class='first active'{/if}><a href="#item{$k}"><i class="icon"></i>{$v[title]}</a></li>
                {/loop}
                    <li class="end"><a href="#notes"><i class="icon"></i>标注</a></li>
                </ul>
                </div>
            {/pc}
        </div>
<script>
$(function(){
    $(document).ready(function(){
        var contents_total = $('#main .contents').length;
        var contents_i = 0;
        var item_width = $('#item0').width();
        $('#main .item').width($(window).width()-$('.years').outerWidth()-10);
        $('#main .contents').width(item_width-$('#main .img').eq(0).outerWidth()-100);
        //由于文字行数（高度）不统一，所以使用js动态计算上边距，使其居中
        function setCss (i) {
            var _img = $('#main .img').eq(i).find('img');
            var obj_c = $('#main .contents').eq(i);
            //有时候文字不能居中的问题出在这儿，就是偶尔会出现设置高度失败的问题
            obj_c.height(_img.height());
            var _self = obj_c.find('.content');
            var _self_height = _self.innerHeight();
            var mt = _self_height/2;
            //如果上移距离超过父级的一半，则让他上移父级的一半
            if(_img.height()/2 <= mt) mt = _img.height()/2;
            _self.css({'margin-top':-mt+'px'});
            contents_i++;
            if(contents_i<contents_total){
                _imgOnLoad(contents_i);
            }
        }
        function _imgOnLoad(contents_i){
            var _img = $('#main .img').eq(contents_i).find('img').attr('src');
            imageReady(_img, function () {
            },function(){
                setCss(contents_i);
            })
        }
        _imgOnLoad(contents_i);
    })
})
</script>
{template "content","footer"}